<template>
  <Table v-if="isFlage == 0" :DateId="DateId" @getBlack="getShow"></Table>
  <Process v-else-if="isFlage == 1" :DateId="DateId" @getBlack="getShow"></Process>
  <Edit v-else-if="isFlage == 2" :DateId="DateId" @getBlack="getShow"></Edit>
  <Detail v-else-if="isFlage == 3" :DateId="DateId" @getBlack="getShow"></Detail>
  <ConLog v-else-if="isFlage == 4" :DateId="DateId" @getBlack="getShow"></ConLog>
  <AddTo v-else-if="isFlage == 5" :DateId="DateId" @getBlack="getShow"></AddTo>
  <HostiSoy v-else-if="isFlage == 6" :DateId="DateId" @getBlack="getShow"></HostiSoy>
</template>

<script setup>
  import Table from './model/table.vue';
  import Process from './model/process.vue';
  import Edit from './model/edit.vue';
  import Detail from './model/detail.vue';
  import ConLog from './model/conlog.vue';
  import AddTo from './model/addto.vue';
  import HostiSoy from './model/hostisoy.vue';
  import { ref } from 'vue';
  //  0 表格
  // 1 流程
  // 2 编辑
  // 3 详情
  // 4 记录
  // 5 添加
  // 6 历史记录
  const DateId = ref();
  const isFlage = ref(0);
  function getShow(e) {
    isFlage.value = e.type;
    DateId.value = e.id;
  }
</script>

<style lang="scss" scoped></style>
